<template>
  <section class="shop-license-certificate">
    <div class="title">
      <span>许可证书</span>
    </div>
    <div class="text">
      <div v-if="shopInfo.license.business_license_image">
        <img
          :src="`http://elm.cangdu.org/img/${shopInfo.license.business_license_image}`"
          alt=""
        />
        <img
          :src="`http://elm.cangdu.org/img/${shopInfo.license.catering_service_license_image}`"
          alt=""
        />
      </div>
      <div v-else>
        <img src="http://elm.cangdu.org/img/default.jpg" alt="" />
        <img src="http://elm.cangdu.org/img/default.jpg" alt="" />
      </div>
    </div>
  </section>
</template>

<script>
import { mapGetters } from "vuex";
export default {
  computed: {
    ...mapGetters(["shopInfo"]),
  },
};
</script>
<style lang="less" scoped>
.shop-license-certificate {
  padding-bottom: 100px;
  background-color: #fff;
  .title {
    padding: 10px;
    font-size: 18px;
    color: #333333;
  }
  .text {
    div {
      padding: 10px;
      margin: 0 10px;
      background-color: #ebebeb;
      img {
        width: 150px;
        height: 150px;
        margin: 5px;
      }
    }
  }
}
</style>